/* styles.css */
  @font-face {
      font-family: "Let's go Digital";
      src: url('font/digital.ttf');
  }
.root {
    -fx-background-image: url("img/background_image.png");
}
.green-pane {
    -fx-background-color: green;
}

.gameBoard {
    -fx-border-color: linear-gradient(#2A5058, #61a2b1);
    -fx-border-width: 12px;
    -fx-border-radius: 12px;
    -fx-boarder-insets: 10px;
    -fx-background-insets: 20px;
}
.nextBrickPane{
    /*-fx-background-color: radial-gradient(focus-angle 45deg, focus-distance 20%, center 25% 25%, radius 50%, reflect, #2A5058, #61a2b1);*/
    -fx-border-width: 12px;
    -fx-border-radius: 12px;

    -fx-border-color: radial-gradient(focus-angle 45deg, focus-distance 20%, center 25% 25%, radius 50%, reflect, #2A5058, #61a2b1);;
    -fx-border-width: 12px;
    -fx-border-radius: 12px;

    -fx-min-width: 100px;
    -fx-min-height: 50px

}
.yellow-pane {
    -fx-background-color: yellow;
}

.block-empty {
     -fx-fill: transparent; /* 设置填充颜色为透明 */
     -fx-stroke: black; /* 设置边框颜色为黑色 */
     -fx-stroke-width: 2; /* 设置边框宽度为2像素 */
 }

 .block-filled {
      -fx-fill: pink;
      -fx-stroke: black; /* 设置边框颜色为黑色 */
      -fx-stroke-width: 2; /* 设置边框宽度为2像素 */
  }

 .pause-button{
      -fx-background-radius: 5em;
    -fx-background-color: yellow;
      -fx-min-width: 30px;
      -fx-min-height: 30px
 }

.music-button{
      -fx-background-radius: 5em;
    -fx-background-color: blue;
      -fx-min-width: 30px;
      -fx-min-height: 30px
 }

 .restart-button{
       -fx-background-radius: 20;
       -fx-padding: 8;
-fx-background-color: linear-gradient(#686868 0%, #232723 25%, #373837 75%, #757575 100%),
               linear-gradient(#020b02, #3a3a3a),
               linear-gradient(#9d9e9d 0%, #6b6a6b 20%, #343534 80%, #242424 100%),
               linear-gradient(#8a8a8a 0%, #6b6a6b 20%, #343534 80%, #262626 100%),
               linear-gradient(#777777 0%, #606060 50%, #505250 51%, #2a2b2a 100%);
     -fx-font-family: "Let's go Digital";
     -fx-font-size: 15px;
     -fx-font-weight: bold;
     -fx-text-fill: white;
       -fx-min-width: 30px;
       -fx-min-height: 30px
  }

  .fall-button{
         -fx-background-color: linear-gradient(#686868 0%, #232723 25%, #373837 75%, #757575 100%),
               linear-gradient(#020b02, #3a3a3a),
               linear-gradient(#9d9e9d 0%, #6b6a6b 20%, #343534 80%, #242424 100%),
               linear-gradient(#8a8a8a 0%, #6b6a6b 20%, #343534 80%, #262626 100%),
               linear-gradient(#777777 0%, #606060 50%, #505250 51%, #2a2b2a 100%);
               /*-fx-background-insets: 0, 1, 4, 5, 6;*/
               -fx-background-radius: 20;
               -fx-padding: 8;
               /*-fx-font-family: "Helvetica";*/
               -fx-font-family: "Let's go Digital";
               -fx-font-size: 15px;
               -fx-font-weight: bold;
               -fx-text-fill: white;
               -fx-effect: dropshadow(three-pass-box, rgba(255, 255, 255, 0.2), 1, 0.0, 0, 1);
               -fx-min-width: 60px;
               -fx-min-height: 60px;
    }

  .ipad-dark-grey {
      -fx-background-color: linear-gradient(#686868 0%, #232723 25%, #373837 75%, #757575 100%),
      linear-gradient(#020b02, #3a3a3a),
      linear-gradient(#9d9e9d 0%, #6b6a6b 20%, #343534 80%, #242424 100%),
      linear-gradient(#8a8a8a 0%, #6b6a6b 20%, #343534 80%, #262626 100%),
      linear-gradient(#777777 0%, #606060 50%, #505250 51%, #2a2b2a 100%);
      -fx-background-insets: 0, 1, 4, 5, 6;
      -fx-background-radius: 9, 8, 5, 4, 3;
      -fx-padding: 8;
      /*-fx-font-family: "Helvetica";*/
      -fx-font-family: "Let's go Digital";
      -fx-font-size: 15px;
      -fx-font-weight: bold;
      -fx-text-fill: white;
      -fx-effect: dropshadow(three-pass-box, rgba(255, 255, 255, 0.2), 1, 0.0, 0, 1);
  }

  .game-over-style {
    -fx-background-color: darkgray;

    -fx-font-family: "Let's go Digital";
    -fx-font-size: 50px;
    -fx-font-weight: bold;
    -fx-text-fill: red;

  }
.game-title {
    -fx-background-color: transparent;

    -fx-font-family: "Let's go Digital";
    -fx-font-size: 50px;
    -fx-font-weight: bold;
    -fx-text-fill: red;

}

#CloseBtn {
    -fx-graphic: url("img/cross.png");
    -fx-background-color:transparent;
    -fx-opacity: 1;
}

#CloseBtn:hover {
    -fx-opacity: 0.5;
}
#CloseBtn:pressed {
    -fx-opacity: 0.2;
}

#MinimizedBtn {
    -fx-graphic: url("img/line.png");
    -fx-background-color: transparent;
    -fx-opacity: 1;

}

#MinimizedBtn:hover {
    -fx-opacity: 0.5;
}

.bonusStyle {
    -fx-font-size: 40px;
    -fx-font-weight: bold;
}

